@import '../base/_color.scss';
@import '../base/_mixin.scss';
@mixin hStyle {
  font-weight: 700;
  font-size: 0.3rem;
  line-height: 2;
}
.title {
  height: 0.8rem;
  width: 100%;
  line-height: 0.8rem;
  background-color: $top-color;
  color: #fff;
  position: fixed;
  .back {
    height: 0.6rem;
    width: 0.6rem;
    position: absolute;
    top: 0.1rem;
    padding: 0.09rem 0.18rem;
    background: url('./assets/img/arrow.png') no-repeat;
    background-origin: content-box;
    background-size: 0.24rem 0.42rem;
  }
  p {
    font-size: 0.32rem;
    text-align: center;
  }
}
.movie-msg {
  margin-top: 0.8rem;
  padding: 0.2rem;
  background-color: #F1F1F1;
  .msg-img {
    float: left;
    width: 2.4rem;
    padding: 0.15rem 0.2rem;
    img {
      border: 2px solid #FFF;
      width: 2rem;
      background-color: pink;
    }
  }
  .msg-info {
    margin-left: 2.4rem;
    h4 {
      @include hStyle
    }
    p {
      line-height: 1.4
    }
  }
}
.msg-summary {
  padding: 0.2rem;
  h3 {
    @include hStyle
  }
  p {
    /* 文字空两格 */
    text-indent: 2em;
    line-height: 1.3
  }
}
.msg-casts {
  padding: 0.2rem;
  h3 {
    @include hStyle
  }
  .show-casts {
    display: inline-block;
    padding: 0.1rem;
    img {
      width: 1.5rem;
    }
    .cast-name {
      width: 1.5rem;
      line-height: 2;
      text-align: center;
      @include ellipsis
    }
  }
}
